<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" class="no-bg">
<head th:include="head :: head (${'方案机器人'})"></head>

<body>
<div class="page-header">
	<h1>
		方案机器人
		<a class="back-page" th:href="@{/}">
			<i class="icon-reply"></i>
			 返回
		</a>
	</h1>
</div>
<div class="row">
	<div class="col-md-12">
		<div id="solution-wizard"></div>
	</div>
</div>
<div id="solution-from" style="display: none;">
<table class="table">
  <tbody>
    <tr>
      <td>单位</td>
      <td id="sf-unit"></td>
    </tr>
    <tr>
      <td>用途</td>
      <td id="sf-application"></td>
    </tr>
    <tr>
      <td>单间点数</td>
      <td id="sf-point"></td>
    </tr>
    <tr>
      <td>常用软件</td>
      <td id="sf-sotfware"></td>
    </tr>
    <tr>
      <td>终端</td>
      <td id="sf-terminal"></td>
    </tr>
    <tr>
      <td>配套硬件</td>
      <td id="sf-hardware"></td>
    </tr>
    <tr>
      <td>轻型服务器虚拟化</td>
      <td id="sf-lightvirtual"></td>
    </tr>
    <tr>
      <td>安装部署服务</td>
      <td id="sf-deployment"></td>
    </tr>
    <tr>
      <td>第三方软件</td>
      <td id="sf-thirdParty"></td>
    </tr>
    <tr>
      <td>项目预算</td>
      <td id="sf-budget"></td>
    </tr>
  </tbody>
</table>
	
</div>

<div id="match-solution" style="display: none;">
<table class="table">
  <tbody>
    <tr>
      <td>服务器cpu</td>
      <td id="ms-service-cpu"></td>
    </tr>
    <tr>
      <td>服务器内存</td>
      <td id="ms-service-memory"></td>
    </tr>
    <tr>
      <td>服务器闪存</td>
      <td id="ms-flash-memory"></td>
    </tr>
    <tr>
      <td>服务器接口</td>
      <td id="ms-interface"></td>
    </tr>
    <tr>
      <td>服务器RADI（磁盘阵列）</td>
      <td id="ms-radi"></td>
    </tr>
    <tr>
      <td>终端</td>
      <td id="ms-terminal"></td>
    </tr>
    <tr>
      <td>终端内存</td>
      <td id="ms-termianl-memory"></td>
    </tr>
    <tr>
      <td>磁盘</td>
      <td id="ms-disk"></td>
    </tr>
    <tr>
      <td>机柜</td>
      <td id="ms-cabinet"></td>
    </tr>
    <tr>
      <td>显示器</td>
      <td id="ms-monitor"></td>
    </tr>
    <tr>
      <td>键鼠套件</td>
      <td id="ms-mouce"></td>
    </tr>
    <tr>
      <td>电源</td>
      <td id="ms-power"></td>
    </tr>
    <tr>
      <td>路由器</td>
      <td id="ms-router"></td>
    </tr>
    <tr>
      <td>交换机1</td>
      <td id="ms-switcher1"></td>
    </tr>
    <tr>
      <td>交换机2</td>
      <td id="ms-switcher2"></td>
    </tr>
  </tbody>
</table>
</div>
<div id="apply" style="display: none;" class="padding-20">

	<form >
	    <div class="field-box">
	        <label class="form-name">公司名称:</label>
	        <input class="form-control" type="text" name="company"/>
	    </div>
		<div class="field-box">
	        <label class="form-name">联系人:</label>
	        <input class="form-control" type="text" name="contact"/>
	    </div>
		<div class="field-box">
	        <label class="form-name">电话:</label>
	        <input class="form-control" type="text" name="phone"/>
	    </div>
		<div class="field-box">
	        <label class="form-name">邮箱:</label>
	        <input class="form-control" type="text" name="email"/>
	    </div>
	</form>

	<h4 class="title">需求</h4>
	<div id="apply-demand">
	
	</div>
	<h4 class="title">方案</h4>
	<div id="apply-solution">
		
	</div>

</div>
<div id="apply-result" style="display: none;" >
	<div>
		<h1>申请试用成功</h1>
	</div>
	<div>
		<h4>等待审核通过后将会联系您。</h4>
	</div>
<!-- 	<div>
		<div class="well apply-code"></div>
	</div> -->
	<div>
		
	</div>
</div>
<!-- basic -->
<div th:include="js-dependcise :: basic"></div>
<script th:src="@{/vender/detail-ui/js/fuelux.wizard.js}"></script>
<!-- Teops ui components -->
<script th:src="@{/js/components/form-wizard.js}" type="text/babel"></script>
<script th:src="@{/js/main.js}" type="text/babel"></script>
<script th:src="@{/js/solution.js}" type="text/babel"></script>
<footer th:include="include :: foot"></footer>
</body>
<div id="role-auth-table" style="display: none;"></div>
<div id="auth-table" style="display: none;"></div>
<div th:include="js-dependcise :: detail-ui"></div>
</html>